<template>
  <div class="header">
    <!-- 左上角Logo -->
    <div class="top-logo">
      <img v-if="type === 'dark'" src="../assets/imgs/logo.png" alt="EWEADN Logo" class="logo-img" />
      <img v-else src="../assets/imgs/logo2.png" alt="EWEADN Logo" class="logo-img" />
    </div>
    <!-- 右上角语言切换器 -->
    <div class="language-switcher-container">
      <LanguageSwitcher />
    </div>
  </div>
</template>

<script setup>
import LanguageSwitcher from './LanguageSwitcher.vue'

const props = defineProps({
  type: {
    type: String,
    default: "dark",
  }
});
</script>

<style scoped>
/* 左上角Logo */
.top-logo {
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  align-items: center;
  gap: 35px;
}

.logo-img {
  width: 300px;
}

/* 右上角语言切换器 */
.language-switcher-container {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

</style>
